/* 为vue的transition穿件一套淡出淡入的动画 */

/*淡入淡出效果*/
/*Opacity为0的状态*/
.myFade-enter, .myFade-leave-to {
    opacity: 0;
}

/*淡入淡出效果*/
/*Opacity为1的状态*/
.myFade-enter-to, .myFade-leave {
    opacity: 1;
}

/*淡入淡出效果*/
/*过渡*/
.myFade-enter-active, .myFade-leave-active {
    transition: opacity .8s;
}

/* 上下跳动动画 */
@keyframes jumpingUpAndDown {
    0% {
        transform: translateY(0px);
    }
    25% {
        transform: translateY(2px);
    }
    50% {
        transform: translateY(0px);
    }
    75% {
        transform: translateY(-2px);
    }
    100% {
        transform: translateY(0px);
    }
}

.jumpingUpAndDown {
    animation: jumpingUpAndDown 1s infinite linear;
}


/* 下移入效果 */
.navTabMoveDown-enter-active,
.navTabMoveDown-leave-active {
    transition: all 2s;
}

.navTabMoveDown-enter-from,
.navTabMoveDown-leave-to {


}

.navTabMoveDown-enter-to,
.navTabMoveDown-leave-from {
    bottom: calc(var(--navBox_h) + 10px);
}
